<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>账号注册</title>  
    <link rel="stylesheet" href="styles.css">  
    <style>    
.large-box {  
    width: 400px; 
    height: 300px; 
    border: 5px solid #ffffff;  
    margin: 150px auto; 
    padding: 10px; 
    background-color: #ffffff; 
    text-align: center;  
}
    </style>  
</head>  
<body>  
    <div id="background-container"></div>  
    <script src="scripts.js"></script>  
    <div class="large-box">  
        <h1>账号注册</h1>  
        <form id="loginForm">  
            <label for="usernameLogin">用户名:</label>  
            <input type="text" id="usernameLogin" required><br><br>  
      
            <label for="passwordLogin">密码:</label>  
            <input type="password" id="passwordLogin" required><br><br>  
            <label for="passwordLogin">确认密码:</label> 
            <input type="password" id="passwordLogin" required><br><br>
            <a href="login.html" class="button-style">  
                注册  
            </a>  
              
            <style>  
            .button-style {  
                display: inline-block;  
                padding: 10px 20px;  
                background-color: #4CAF50;
                border: none;  
                color: white;  
                text-align: center;  
                text-decoration: none;  
                display: inline-block;  
                font-size: 16px;  
                margin: 4px 2px;  
                cursor: pointer;  
            }  
            </style>
        </form>  
    </div>   

</body>  
</html>